﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="task2.css" rel="stylesheet" />
</head>
<body>
    <div id="wrapper">
        <ul class="notification-list">
            <li>
                <a href="#">
                    <img src="imgs/messages.png" />
                    <span>messages</span>
                </a>
                <div class="content">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="imgs/people.png" /><span><strong>Doncho Minkov</strong> send you a message</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="imgs/people.png" /><span><strong>Joro Georgiev</strong> answered to your message</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="imgs/people.png" /><span><strong>Pesho Ivanov</strong> send you a message</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li><li>
                <a href="#">
                    <img src="imgs/notifications.png" />
                    <span>notifications</span>
                </a>
                <div class="content">
                    <ul>
                        <li>
                            <a href="#"><span><strong>Pesho Ivanov</strong> updated his profile</span></a>
                        </li>
                        <li>
                            <a href="#"><span><strong>Pesho Ivanov</strong> tagged you in a photo</span></a>
                        </li>
                    </ul>
                </div>
            </li><li>
                <a href="#">
                    <img src="imgs/people.png" />
                    <span>people</span>
                </a>
                <div class="content">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="imgs/people.png" /><span>Friend request by <strong>Doncho Minkov</strong></span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="imgs/people.png" /><span>Friend request by <strong>Georgi Georgiev</strong></span></a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="imgs/people.png" /><span><strong>Svetlin Nakov</strong> accepted your friend request</span></a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="imgs/people.png" /><span><strong>Nikolay Kostov</strong> cancelled your friend request</span></a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
</body>
</html>
